<template>  
    <!-- 组件的结构 -->
     <div class="demo">
        <h1>学生姓名:{{name}}</h1>
        <h1>学生年纪:{{age}}</h1>
    </div>
</template>
<script>    
    //  组件交互的代码
    export default  {
        name: "StudentInfo",
        data() {
            return {
                name: "张三",    
                age: 18  
            }
        }
    };

    //默认暴露组件
    // export default StudentInfo;
</script>
<style>    
    /* 组件的样式 */
    .demo {
        background-color:orange;
    }
</style>